<template>
    <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column prop="month" label="月份" width="210">
          <template slot-scope="scope">
            <span class="link" @click="getDetail(scope.row)">{{ scope.row.month}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="status" label="状态" width="210">
        </el-table-column>
        <el-table-column prop="actived_num" label="活跃卡数" width="210">
        </el-table-column>
        <el-table-column prop="all_flow" label="套餐总流量" width="210">
        </el-table-column>
        <el-table-column prop="real_flow" label="实际流量">
        </el-table-column>
    </el-table>
</template>

<script>
    export default {
        data() {
            return {
                tableData: [
                    {
                        id: 1,
                        month: '201807',
                        status: '未出',
                        actived_num: '5',
                        all_flow: '0.5G',
                        real_flow: '0.0KB'
                    }
                ]
            }
        },
        methods: {
            getDetail(goods){
                this.$router.push({
                    path: `/agent_increase/${this.$route.params.id9}/agent_flow_statistics/${goods.id}`
                })
            }
        }
    }
</script>

<style scoped>

</style>